body {
    background: -moz-linear-gradient(top,  #3b88ed 0%, #1e5799 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b88ed), color-stop(100%,#1e5799));
    background: -ms-linear-gradient(top, #1e5799 0%,#3b88ed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#3b88ed',GradientType=0 );
    min-height: 1000px;
}

img { max-width: 100%; }
/* ========================================================================= */
/* Header */
/* ========================================================================= */
header { 
    background: #2aabd2; 
    color: #fff; 
    font-weight: bold; 
    text-align: center; 
}
/* ========================================================================= */
/* Footer */
/* ========================================================================= */
footer { 
    background: #000; 
    color: #fff; 
    text-align: center;
    padding: 10px; 
    position: fixed;
    bottom: 0;
    width: 100%;
}
footer a { color: #fff; text-decoration: none; }
footer a:hover { color: #fff; text-decoration: underline; }

/* ========================================================================= */
/* Corps */
/* ========================================================================= */

.corps {
    width: 980px;
    margin: 0 auto;
    background: #fff; 
    padding: 20px;
    min-height: 100%;
}

/* ========================================================================= */
/* Menu haut */
/* ========================================================================= */
.navbar {
    margin-bottom: 0;
}

/* ========================================================================= */
/* Articles par catégorie */
/* ========================================================================= */
.vignetteArticle { 
    border: 1px solid #000; 
    width: 20%; 
    border-radius: 5px;
    margin: 20px 2%;
    width: 21%;
    float: left;
    padding: 5px;
    position: relative;
}
.vignetteArticle h3 { margin: 0; }
.vignetteArticle button { position: absolute; bottom: 5px; right: 5px; } 

/* ========================================================================= */
/* Catégories */
/* ========================================================================= */
.vignetteCategorie {
    border: 1px solid #000; 
    width: 20%; 
    border-radius: 5px;
    margin: 20px 2%;
    width: 21%;
    float: left;
    padding: 5px;
    position: relative;   
}

/* ========================================================================= */
/* Panier */
/* ========================================================================= */

.tpl_panier .table .dispo { color:green; }
.tpl_panier .table .nonDispo { color:red; }